<template>
  <div class="app-container">
    <el-card class="box-card">
      <el-form ref="form" :model="form" >
        <el-descriptions  title="基础信息"  :column="2" border >
          <el-descriptions-item label="成果名称" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.resultName }}</el-descriptions-item>
          <el-descriptions-item label="完成人团队负责人" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.firstName }}</el-descriptions-item>
          <el-descriptions-item label="完成单位" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.enterpriseName }}</el-descriptions-item>
          <el-descriptions-item label="转化方式" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form. transformationMode}}</el-descriptions-item>
          <el-descriptions-item label="联系人" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.firstName }}</el-descriptions-item>
          <el-descriptions-item label="联系电话" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.firstPhone }}</el-descriptions-item>
          <el-descriptions-item label="受理日期" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.acceptTime }}</el-descriptions-item>
          <el-descriptions-item label="档案编号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fileId }}</el-descriptions-item>
        </el-descriptions>
        <br/>
        <el-descriptions  title="审核信息"  :column="2" border >
          <el-descriptions-item label="申请人学号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.applyName }}</el-descriptions-item>
          <el-descriptions-item label="申请人姓名" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.applyNumber }}</el-descriptions-item>
          <el-descriptions-item label="申请时间" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.applyTime }}</el-descriptions-item>
          <el-descriptions-item label="审核状态" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.auditState }}</el-descriptions-item>
          <el-descriptions-item label="审核时间" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.auditTime }}</el-descriptions-item>
          <el-descriptions-item label="审核人姓名" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.auditName }}</el-descriptions-item>
          <el-descriptions-item label="审核人工号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.auditNumber }}</el-descriptions-item>
        </el-descriptions>
        <br/>
        <el-descriptions  title="成果信息表"  :column="2" border >
          <el-descriptions-item label="成果id" :span="1" label-class-name="my-label" :contentStyle='contentStyle':labelStyle="labelStyle" >{{ form.resultId }}</el-descriptions-item>
          <el-descriptions-item label="成果名称" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.resultName }}</el-descriptions-item>
          <el-descriptions-item label="成果类别" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.resultCategory }}</el-descriptions-item>
          <el-descriptions-item label="完成单位" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.resultIntroduction }}</el-descriptions-item>
          <el-descriptions-item label="成果简介" :span="2" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.completionUnit }}</el-descriptions-item>
          <el-descriptions-item label="负责人姓名" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.firstName }}</el-descriptions-item>
          <el-descriptions-item label="负责人学院" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.firstCollege }}</el-descriptions-item>
          <el-descriptions-item label="负责人专业" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.firstMajor }}</el-descriptions-item>
          <el-descriptions-item label="负责人学号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.firstNumber }}</el-descriptions-item>
          <el-descriptions-item label="负责人联系电话" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.firstPhone }}</el-descriptions-item>
          <el-descriptions-item label="负责人身份证号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.firstIdnumber }}</el-descriptions-item>
          <el-descriptions-item label="成员一姓名" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.secondName }}</el-descriptions-item>
          <el-descriptions-item label="成员一学院" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.secondCollege }}</el-descriptions-item>
          <el-descriptions-item label="成员一专业" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.secondMajor }}</el-descriptions-item>
          <el-descriptions-item label="成员一学号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.secondNumber }}</el-descriptions-item>
          <el-descriptions-item label="成员一联系电话" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.secondPhone }}</el-descriptions-item>
          <el-descriptions-item label="成员一身份证号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.secondIdnumber }}</el-descriptions-item>
          <el-descriptions-item label="成员二姓名" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.thirdName }}</el-descriptions-item>
          <el-descriptions-item label="成员二学院" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.thirdCollege }}</el-descriptions-item>
          <el-descriptions-item label="成员二专业" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.thirdMajor }}</el-descriptions-item>
          <el-descriptions-item label="成员二学号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.thirdNumber }}</el-descriptions-item>
          <el-descriptions-item label="成员二联系电话" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.thirdPhone }}</el-descriptions-item>
          <el-descriptions-item label="成员二身份证号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.thirdIdnumber }}</el-descriptions-item>
          <el-descriptions-item label="成员三姓名" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fourthName }}</el-descriptions-item>
          <el-descriptions-item label="成员三学院" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fourthCollege }}</el-descriptions-item>
          <el-descriptions-item label="成员三专业" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fourthMajor }}</el-descriptions-item>
          <el-descriptions-item label="成员三学号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fourthNumber }}</el-descriptions-item>
          <el-descriptions-item label="成员三联系电话" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fourthPhone }}</el-descriptions-item>
          <el-descriptions-item label="成员三身份证号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fourthIdnumber }}</el-descriptions-item>
          <el-descriptions-item label="成员四姓名" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fifthName }}</el-descriptions-item>
          <el-descriptions-item label="成员四学院" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fifthCollege }}</el-descriptions-item>
          <el-descriptions-item label="成员四专业" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fifthMajor }}</el-descriptions-item>
          <el-descriptions-item label="成员四学号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fifthNumber }}</el-descriptions-item>
          <el-descriptions-item label="成员四联系电话" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fifthPhone }}</el-descriptions-item>
          <el-descriptions-item label="成员四身份证号" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.fifthIdnumber }}</el-descriptions-item>
        </el-descriptions>
        <br/>
        <el-descriptions  title="企业信息"  :column="2" border >
          <el-descriptions-item label="统一社会信用代码" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.enterpriseNumber }}</el-descriptions-item>
          <el-descriptions-item label="公司名称" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.enterpriseName }}</el-descriptions-item>
          <el-descriptions-item label="法人姓名" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.corporateName }}</el-descriptions-item>
          <el-descriptions-item label="法人电话" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.corporatePhone }}</el-descriptions-item>
          <el-descriptions-item label="法人身份证" :span="1" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.corporateNumber }}</el-descriptions-item>
        </el-descriptions>
      </el-form>
      <br/>
      <div style="float:right; margin-bottom: 15px;">
        <el-button @click="viewCancel">返 回</el-button>
      </div>
    </el-card>
  </div>
</template>

<script>



import "@riophae/vue-treeselect/dist/vue-treeselect.css";

// 导入省市区数据组件
import { provinceAndCityData,CodeToText, TextToCode } from 'element-china-area-data'
import { listTransformation, getTransformation, delTransformation, addTransformation, updateTransformation,getshenhe } from "@/api/module/lys/transformation";
export default {
  name: "cxcyConversion",


  data() {
    return {
      contentStyle: {
        'width': '500px',
      },
      labelStyle: { 'width': '8%','color': '#000000','text-align': 'right', },
      //城市选项
      options: provinceAndCityData,
      selectedOptions: [],
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: false,
      // 总条数
      total: 0,
      // 休假记录表格数据
      leaveList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        department: null,
        username: null,
        idNumber: null,
        deptid: null,
        causes: null,
        leaveStartTime: null,
        leaveEndTime: null,
        leaveSituation: null,
        leaveAddress: null,
        userId: null,
        deptId: null,
        departmentHeadName: null,
        departmentHeadIdnum: null,
        departmentHeadResult: null,
        departmentHeadTime: null,
        departmentHeadSuggest: null,
        departmentHeadIsacting: null,
        departmentHeadCharacter: null,
        directorGeneralName: null,
        directorGeneralIdnum: null,
        directorGeneralResult: null,
        directorGeneralTime: null,
        directorGeneralSuggest: null,
        directorGeneralIsacting: null,
        directorGeneralCharacter: null,
        politicalCommissarName: null,
        politicalCommissarIdnum: null,
        politicalCommissarResult: null,
        politicalCommissarTime: null,
        politicalCommissarSuggest: null,
        politicalCommissarIsacting: null,
        politicalCommissarCharacter: null,
        leaveTotalState: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        note1: null,
        note2: null,
        note3: null,
        note4: null,
        note5: null,
        note6: null,
        note7: null,
        note8: null,
        note9: null,
        note10: null
      },
      // 表单参数
      form: {
      },
    };
  },

  created() {
    const id = this.$route.query.id;
    if (id) {
      // 获取表详细信息
      getTransformation(id).then(res => {
        this.form = res.data;
      });
    }
  },
  methods: {
    /** 关闭按钮 */
    viewCancel() {
      const id = this.$route.query.id;
      getTransformation(id).then(response => {
        this.form = response.data;

      });
      const obj = { path: "/transformation", query: {id} };
      this.$tab.closeOpenPage(obj);
    },
  }
};
</script>
<style lang="scss" scoped>



</style>
